<%--
  Created by IntelliJ IDEA.
  User: 86156
  Date: 2023/10/12
  Time: 16:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="path" value="${pageContext.request.contextPath }"/>
<html>
<head>
    <title>Title</title>
    <link href="../css/user_page_css/home_page.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="${path}/css/user_page_css/movie-list.css">
</head>
<body>
<jsp:include page="header.jsp"/>
<div class="subnav">
    <ul class="navbar">
        <li>
            <a data-act="subnav-click" data-val="{subnavClick:1}" data-state-val="{subnavId:1}" class="active" href="movieListHot.jsp">
                “正在热映”
            </a>
        </li>
        <li>
            <a data-act="subnav-click" data-val="{subnavClick:2}" href="movieListComming.jsp">
                “即将上映”
            </a>
        </li>
        <li>
            <a data-act="subnav-click" data-val="{subnavClick:2}" href="movieListClasses.jsp">
                “经典影片”
            </a>
        </li>
    </ul>
</div>
<div class="container" id="app">
    <div class="movies-channel">
        <div class="tags-panel">
            <ul class="tags-lines">
                <li class="tags-line" data-val="{tagTypeName:'cat'}">
                    <div class="tags-title">类型：</div>
                    <ul class="tags">
                        <li class="active" data-state-val="{ catTagName:'全部'}">
                            <a data-act="tag-click" data-val="{TagName:'全部'}" href="" style="cursor: default">全部</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'爱情'}" href="">爱情</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'喜剧'}" href="">喜剧</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'动画'}" href="">动画</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'剧情'}" href="">剧情</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'恐怖'}" href="">恐怖</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'惊悚'}" href="">惊悚</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'科幻'}" href="">科幻</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'动作'}" href="">动作</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'悬疑'}" href="">悬疑</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'犯罪'}" href="">犯罪</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'冒险'}" href="">冒险</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'战争'}" href="">战争</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'奇幻'}" href="">奇幻</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'运动'}" href="">运动</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'家庭'}" href="">家庭</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'古装'}" href="">古装</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'武侠'}" href="">武侠</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'西部'}" href="">西部</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'历史'}" href="">历史</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'传记'}" href="">传记</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'歌舞'}" href="">歌舞</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'黑色电影'}" href="">黑色电影</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'短片'}" href="">短片</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'纪录片'}" href="">纪录片</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'戏曲'}" href="">戏曲</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'音乐'}" href="">音乐</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'灾难'}" href="">灾难</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'青春'}" href="">青春</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'儿童'}" href="">儿童</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'其他'}" href="">其他</a>
                        </li>
                    </ul>
                </li>
                <li class="tags-line tags-line-border" data-val="{tagTypeName:'source'}">
                    <div class="tags-title">区域：</div>
                    <ul class="tags">
                        <li class="active" data-state-val="{ sourceTagName:'全部'}">
                            <a data-act="tag-click" data-val="{TagName:'全部'}" href="" style="cursor: default">全部</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'大陆'}" href="">大陆</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'美国'}" href="">美国</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'韩国'}" href="">韩国</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'日本'}" href="">日本</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'中国香港'}" href="">中国香港</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'中国澳门'}" href="">中国澳门</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'中国台湾'}" href="">中国台湾</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'泰国'}" href="">泰国</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'印度'}" href="">印度</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'法国'}" href="">法国</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'英国'}" href="">英国</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'俄罗斯'}" href="">俄罗斯</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'意大利'}" href="">意大利</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'西班牙'}" href="">西班牙</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'德国'}" href="">德国</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'波兰'}" href="">波兰</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'澳大利亚'}" href="">澳大利亚</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'伊朗'}" href="">伊朗</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'其他'}" href="">其他</a>
                        </li>
                    </ul>
                </li>
                <li class="tags-line tags-line-border" data-val="{tagTypeName:'year'}">
                    <div class="tags-title">年代：</div>
                    <ul class="tags">
                        <li class="active" data-state-val="{ yearTagName:'全部'}">
                            <a data-act="tag-click" data-val="{TagName:'全部'}" href="" style="cursor: default">全部</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2029'}" href="">2029</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2028'}" href="">2028</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2027'}" href="">2027</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2026'}" href="">2026</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2025'}" href="">2025</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2024'}" href="">2024</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2023'}" href="">2023</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2022'}" href="">2022</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2021'}" href="">2021</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2020'}" href="">2020</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2019'}" href="">2019</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2018'}" href="">2018</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2017'}" href="">2017</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2016'}" href="">2016</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2015'}" href="">2015</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2014'}" href="">2014</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2013'}" href="">2013</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2012'}" href="">2012</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2011'}" href="">2011</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'2000-2010'}" href="">2000-2010</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'90年代'}" href="">90年代</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'80年代'}" href="">80年代</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'70年代'}" href="">70年代</a>
                        </li>
                        <li>
                            <a data-act="tag-click" data-val="{TagName:'更早'}" href="">更早</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="movies-panel">
            <div class="movies-sorter">
                <div class="cat-sorter">
                    <ul>
                        <li>
                            <span class="sort-control-group" data-act="sort-click" data-val="{tagId:1}" style="cursor: default">
                                <span class="sort-control sort-radio sort-radio-checked"></span>
                                <span class="sort-control-label">按热门排序</span>
                            </span>
                        </li>
                        <li>
                            <span class="sort-control-group" data-act="sort-click" data-val="{tagId:2}" data-href="" onclick="location.href=''">
                                <span class="sort-control sort-radio"></span>
                                <span class="sort-control-label">按时间排序</span>
                            </span>
                        </li>
                        <li>
                            <span class="sort-control-group" data-act="sort-click" data-val="{tagId:3}" data-href="" onclick="location.href=''">
                                <span class="sort-control sort-radio"></span>
                                <span class="sort-control-label">按评价排序</span>
                            </span>
                        </li>
                    </ul>
                </div>
                <div class="play-sorter">
                    <span class="sort-control-group" data-act="isplay-click" data-val="{isplay:1}" data-href="" onclick="location.href=''">
                        <span class="sort-control sort-checkbox"></span>
                        <span class="sort-control-label">可播放</span>
                    </span>
                </div>
            </div>
            <div class="movies-list">
                <dl class="movie-list">
                    <dd>
                        <div class="movie-item film-channel">
                            <a href="" target="_blank" data-act="movie-click" data-val="{movieid:1405256}">
                                <div class="movie-poster">
                                    <img class="poster-default" src="">
                                    <img alt="前任4：英年早婚海报封面" src="">
                                </div>
                            </a>
                            <div class="channel-action channel-action-sale">
                                <a>购票</a>
                            </div>
                            <div class="movie-ver">
                                <i class="imax2d"></i>
                            </div>
                            <div class="movie-item-hover">
                                <a href="" target="_blank" data-act="movie-click" data-val="{movieid:1405256}">
                                    <img class="movie-hover-img" src="" alt="前任4：英年早婚">
                                    <div class="movie-hover-info">
                                        <div class="movie-hover-title" title="前任4：英年早婚">
                                            <span class="name">前任4：英年早婚</span>
                                            <span class="score channel-detail-orange">
                                                <i class="integer">9.</i>
                                                <i class="fraction">0</i>
                                            </span>
                                        </div>
                                        <div class="movie-hover-title" title="前任4：英年早婚">
                                            <span class="hover-tag">类型：</span>
                                            “爱情/喜剧”
                                        </div>
                                        <div class="movie-hover-title" title="前任4：英年早婚">
                                            <span class="hover-tag">主演：</span>
                                            “韩庚/郑凯/于文文”
                                        </div>
                                        <div class="movie-hover-title" title="前任4：英年早婚">
                                            <span class="hover-tag">上映时间：</span>
                                            “2023-09-28 18:00”
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="channel-detail movie-item-title" title="前任4：英年早婚">
                            <a href="" target="_blank" data-act="movies-click" data-val="{movieId:1405256}">前任4：英年早婚</a>
                        </div>
                        <div class="channel-detail channel-detail-orange">
                            <i class="integer">9.</i>
                            <i class="fraction">0</i>
                        </div>
                    </dd>
                    <dd>
                        <div class="movie-item film-channel">
                            <a href="" target="_blank" data-act="movie-click" data-val="{movieid:1374349}">
                                <div class="movie-poster">
                                    <img class="poster-default" src="">
                                    <img alt="孤注一掷海报封面" src="">
                                </div>
                            </a>
                            <div class="channel-action channel-action-sale">
                                <a>购票</a>
                            </div>
                            <div class="movie-ver">
                                <i class="imax2d"></i>
                            </div>
                            <div class="movie-item-hover">
                                <a href="" target="_blank" data-act="movie-click" data-val="{movieid:1374349}">
                                    <img class="movie-hover-img" src="" alt="孤注一掷">
                                    <div class="movie-hover-info">
                                        <div class="movie-item-title" title="孤注一掷">
                                            <span class="name">孤注一掷</span>
                                            <span class="score channel-detail-orange">
                                                <i class="integer">9.</i>
                                                <i class="fraction">1</i>
                                            </span>
                                        </div>
                                        <div class="movie-hover-title" title="孤注一掷">
                                            <span class="hover-tag">类型：</span>
                                            “ 犯罪/剧情 ”
                                        </div>
                                        <div class="movie-hover-title" title="孤注一掷">
                                            <span class="hover-tag">主演：</span>
                                            “ 张艺兴/金晨/咏梅 ”
                                        </div>
                                        <div class="movie-hover-title movie-hover-brief" title="孤注一掷">
                                            <span class="hover-tag">上映时间：</span>
                                            “ 2023-08-08 09:00 ”
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="channel-detail movie-item-title" title="孤注一掷">
                            <a href="" target="_blank" data-act="movies-click" data-val="{movieid:1374349}">孤注一掷</a>
                        </div>
                        <div class="channel-detail channel-detail-orange">
                            <i class="integer">9.</i>
                            <i class="fraction">1</i>
                        </div>
                    </dd>
                    <dd>
                        <div class="movie-item film-channel">
                            <a href="" target="_blank" data-act="movie-click" data-val="{movieid:1475035}">
                                <div class="movie-poster">
                                    <img class="poster-default" src="">
                                    <img alt="莫斯科行动海报封面" src="">
                                </div>
                            </a>
                            <div class="channel-action channel-action-sale">
                                <a>购票</a>
                            </div>
                            <div class="movie-ver">
                                <i class="imax2d"></i>
                            </div>
                            <div class="movie-item-hover">
                                <a href="" target="_blank" data-act="movie-click" data-val="{movieid:1374349}">
                                    <img class="movie-hover-img" src="" alt="莫斯科行动">
                                    <div class="movie-hover-info">
                                        <div class="movie-item-title" title="莫斯科行动">
                                            <span class="name">莫斯科行动</span>
                                            <span class="score channel-detail-orange">
                                                <i class="integer">9.</i>
                                                <i class="fraction">1</i>
                                            </span>
                                        </div>
                                        <div class="movie-hover-title" title="莫斯科行动">
                                            <span class="hover-tag">类型：</span>
                                            “ 剧情/犯罪/动作 ”
                                        </div>
                                        <div class="movie-hover-title" title="莫斯科行动">
                                            <span class="hover-tag">主演：</span>
                                            “ 张涵予/刘德华/黄轩 ”
                                        </div>
                                        <div class="movie-hover-title movie-hover-brief" title="莫斯科行动">
                                            <span class="hover-tag">上映时间：</span>
                                            “ 2023-09-29 09:00 ”
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="channel-detail movie-item-title" title="莫斯科行动">
                            <a href="" target="_blank" data-act="movies-click" data-val="{movieid:1475035}">莫斯科行动</a>
                        </div>
                        <div class="channel-detail channel-detail-orange">
                            <i class="integer">9.</i>
                            <i class="fraction">1</i>
                        </div>
                    </dd>
                    <dd>
                        <div class="movie-item film-channel">
                            <a href="" target="_blank" data-act="movie-click" data-val="{movieid:1431886}">
                                <div class="movie-poster">
                                    <img class="poster-default" src="">
                                    <img alt="志愿军：雄兵出击海报封面" src="">
                                </div>
                            </a>
                            <div class="channel-action channel-action-sale">
                                <a>购票</a>
                            </div>
                            <div class="movie-ver">
                                <i class="imax2d"></i>
                            </div>
                            <div class="movie-item-hover">
                                <a href="" target="_blank" data-act="movie-click" data-val="{movieid:1431886}">
                                    <img class="movie-hover-img" src="" alt="志愿军：雄兵出击">
                                    <div class="movie-hover-info">
                                        <div class="movie-item-title" title="志愿军：雄兵出击">
                                            <span class="name">志愿军：雄兵出击</span>
                                            <span class="score channel-detail-orange">
                                                <i class="integer">9.</i>
                                                <i class="fraction">7</i>
                                            </span>
                                        </div>
                                        <div class="movie-hover-title" title="志愿军：雄兵出击">
                                            <span class="hover-tag">类型：</span>
                                            “ 剧情/历史/战争 ”
                                        </div>
                                        <div class="movie-hover-title" title="志愿军：雄兵出击">
                                            <span class="hover-tag">主演：</span>
                                            “ 唐国强/王砚辉/刘劲 ”
                                        </div>
                                        <div class="movie-hover-title movie-hover-brief" title="志愿军：雄兵出击">
                                            <span class="hover-tag">上映时间：</span>
                                            “ 2023-09-28 18:00 ”
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="channel-detail movie-item-title" title="志愿军：雄兵出击">
                            <a href="" target="_blank" data-act="movies-click" data-val="{movieid:1431886}">志愿军：雄兵出击</a>
                        </div>
                        <div class="channel-detail channel-detail-orange">
                            <i class="integer">9.</i>
                            <i class="fraction">7</i>
                        </div>
                    </dd>
                    <dd>
                        <div class="movie-item film-channel">
                            <a href="" target="_blank" data-act="movie-click" data-val="{movieid:1431886}">
                                <div class="movie-poster">
                                    <img class="poster-default" src="">
                                    <img alt="河边的错误海报封面" src="">
                                </div>
                            </a>
                            <div class="channel-action channel-action-sale">
                                <a>购票</a>
                            </div>
                            <div class="movie-ver">
                                <i class="imax2d"></i>
                            </div>
                            <div class="movie-item-hover">
                                <a href="" target="_blank" data-act="movie-click" data-val="{movieid:1431886}">
                                    <img class="movie-hover-img" src="" alt="河边的错误">
                                    <div class="movie-hover-info">
                                        <div class="movie-item-title" title="河边的错误">
                                            <span class="name score">河边的错误</span>
                                        </div>
                                        <div class="movie-hover-title" title="河边的错误">
                                            <span class="hover-tag">类型：</span>
                                            “ 剧情/犯罪 ”
                                        </div>
                                        <div class="movie-hover-title" title="河边的错误">
                                            <span class="hover-tag">主演：</span>
                                            “ 朱一龙/曾美慧孜/侯天来 ”
                                        </div>
                                        <div class="movie-hover-title movie-hover-brief" title="河边的错误">
                                            <span class="hover-tag">上映时间：</span>
                                            “ 2023-10-21 09:00 ”
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="channel-detail movie-item-title" title="河边的错误">
                            <a href="" target="_blank" data-act="movies-click" data-val="{movieid:1431886}">河边的错误</a>
                        </div>
                        <div class="channel-detail channel-detail-orange">
                            暂无评分
                        </div>
                    </dd>
                    <%--<dd>
                        <div class="movie-item film-channel">
                            <a href="" target="_blank" data-act="movie-click" data-val="{movieid:1431886}">
                                <div class="movie-poster">
                                    <img class="poster-default" src="">
                                    <img alt="坚如磐石海报封面" src="">
                                </div>
                            </a>
                            <div class="channel-action channel-action-sale">
                                <a>购票</a>
                            </div>
                            <div class="movie-ver">
                                <i class="imax2d"></i>
                            </div>
                            <div class="movie-item-hover">
                                <a href="" target="_blank" data-act="movie-click" data-val="{movieid:1431886}">
                                    <img class="movie-hover-img" src="" alt="坚如磐石">
                                    <div class="movie-hover-info">
                                        <div class="movie-item-title" title="坚如磐石">
                                            <span class="name">坚如磐石</span>
                                            <span class="score channel-detail-orange">
                                                <i class="integer">9.</i>
                                                <i class="fraction">1</i>
                                            </span>
                                        </div>
                                        <div class="movie-hover-title" title="坚如磐石">
                                            <span class="hover-tag">类型：</span>
                                            “ 剧情/犯罪/悬疑 ”
                                        </div>
                                        <div class="movie-hover-title" title="坚如磐石">
                                            <span class="hover-tag">主演：</span>
                                            “ 雷佳音/张国立/于和伟 ”
                                        </div>
                                        <div class="movie-hover-title movie-hover-brief" title="坚如磐石">
                                            <span class="hover-tag">上映时间：</span>
                                            “ 2023-09-28 18:00 ”
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="channel-detail movie-item-title" title="坚如磐石">
                            <a href="" target="_blank" data-act="movies-click" data-val="{movieid:1431886}">坚如磐石</a>
                        </div>
                        <div class="channel-detail channel-detail-orange">
                            <i class="integer">9.</i>
                            <i class="fraction">1</i>
                        </div>
                    </dd>--%>
                </dl>
            </div>
            <div class="movies-pager"> </div>
        </div>
    </div>
</div>
<jsp:include page="footer.jsp"/>
</body>
</html>
